<route lang="jsonc" type="page">
    {
      "layout": "default",
      "style": {
        "navigationStyle": "custom",
      }
    }
</route>

<script lang="ts" setup>
    const goTologin=() => {
        uni.navigateTo({
            url: '/pages/login/login'
        })
    }
</script>

<template>
  <view class="agreement-container">
    <view class="agreement-header">
      <view class="agreement-header-left" @click="goTologin">
        <image src="/static/image/return@1x.png" mode="aspectFit" style="width: 40rpx; height: 40rpx"/>
      </view>
      <view class="agreement-header-title">
        <text>优医协议</text>
      </view>
    </view>
    <view class="agreement-content">
      <view class="title">优医协议</view>
      
      <view class="paragraph">
        本协议是您与优医客户端（简称"本客户端"）所有者（以下简称为"优医"）之间就优医客户端服务等相关事宜所订立的契约，请您仔细阅读本注册协议，您点击"注册"按钮后，本协议即构成对双方有约束力的法律文件。
      </view>
      
      <view class="section">
        <view class="section-title">第1条 本客户端服务条款的确认和接纳</view>
        <view class="section-content">
          <view class="item">
            <view class="item-number">1.1</view>
            <view class="item-text">本客户端各项电子服务的所有权和运作权归优医所有。用户同意所有注册协议条款并完成注册程序，才能成为本客户端的正式用户。用户确认：本协议条款是处理双方权利义务的契约，始终有效，法律另有强制性规定或双方另有特别约定的，依其规定。</view>
          </view>
          <view class="item">
            <view class="item-number">1.2</view>
            <view class="item-text">用户点击同意本协议的，即视为用户确认自己具有享受本客户端服务、下单购买等相应的权利能力和行为能力，能够独立承担法律责任。</view>
          </view>
          <view class="item">
            <view class="item-number">1.3</view>
            <view class="item-text">如果您在18周岁以下，您只能在父母或监护人的监护参与下才能使用本客户端。</view>
          </view>
          <view class="item">
            <view class="item-number">1.4</view>
            <view class="item-text">优医保留在中华人民共和国大陆地区施行之法律允许的范围内独自决定拒绝、关闭用户账户、清除或编辑内容或取消订单的权利。</view>
          </view>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">第2条 本客户端服务</view>
        <view class="section-content">
          <view class="item">
            <view class="item-number">2.1</view>
            <view class="item-text">优医通过互联网依法为用户提供互联网信息服务，用户在完全同意本协议及本客户端规定的情况下，方有权使用本客户端的相关服务。</view>
          </view>
        </view>
      </view>
      
      <!-- 更多协议内容可根据完整截图继续添加 -->
    </view>
  </view>
</template>

<style lang="scss" scoped>
.agreement-header{
    display: flex;
    justify-content: left;
    padding: 20rpx 0;
}
.agreement-header-title{
    margin-left: 240rpx;
}
    .agreement-container {
      padding: 20rpx;
      background-color: #ffffff;
      min-height: 100vh;
    }
    
    .agreement-content {
      max-width: 700rpx;
      margin: 0 auto;
      padding: 30rpx 0;
    }
    
    .title {
      font-size: 40rpx;
      font-weight: bold;
      text-align: center;
      margin-bottom: 40rpx;
      color: #333333;
    }
    
    .paragraph {
      font-size: 28rpx;
      line-height: 1.6;
      color: #666666;
      margin-bottom: 30rpx;
      text-align: justify;
    }
    
    .section {
      margin-bottom: 40rpx;
    }
    
    .section-title {
      font-size: 32rpx;
      font-weight: bold;
      color: #333333;
      margin-bottom: 20rpx;
    }
    
    .section-content {
      padding-left: 20rpx;
    }
    
    .item {
      display: flex;
      margin-bottom: 20rpx;
    }
    
    .item-number {
      font-size: 28rpx;
      color: #333333;
      font-weight: bold;
      min-width: 60rpx;
    }
    
    .item-text {
      font-size: 28rpx;
      line-height: 1.6;
      color: #666666;
      text-align: justify;
    }
</style>